:host{
  text-align:center;
}
@media screen and (orientation: landscape){
  .page{
    display:flex;
  }
  .page>div{
    width:50vw;
    box-sizing: border-box;
  }
  .c-info{height:95vh;}
}
@media screen and (orientation: portrait){
  .c-info{
    height:85vh;
  }
}

.c-award-user{
  display:flex;
  justify-content: space-between;
  text-align: center;
  color:var(--content-color);
}
.c-award-user>div{
  padding:10px;
}
. c-rst{
  border-top:5px solid black;
  margin:15px;
}
.c-rst>div{
  margin:0 10px;
  color:black;
  border-bottom:1px dashed black;
  background-color:white;
}
.img {
  width: 375px;
}
.c-top-bt{
  width:80px;
  height:25px;
  background-color: rgba(0,0,0,0.21);
  /*opacity:0.5;*/
  border-radius:21px;
}
.c-info{
  display:flex;
  flex-direction:column;
  justify-content: space-between;
  padding:0 10px;
}
.li{
  height:120px;
}
#start-award{
  /*font-size: 20px;*/

  font-size:150%;
  margin-bottom:15px;
  color:black;
  border-radius: 30px;
  padding:15px 35px;
  background:rgba(255,198,0,1);
}

.nav-btn{
  font-size: 18px;
  background-color: beige;
  margin: 0 5px;
  padding: 10px 1px;
  border-radius: 12px;
}
